<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>QRCode.js 简单示例</title>
  <style>
    #qrcode {
      width: 160px;
      height: 160px;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <!-- 1. 准备一个容器，用于渲染二维码 -->
  <div id="qrcode"></div>

  <!-- 2. 从 CDN 引入 QRCode.js -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"
          integrity="sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA=="
          crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!-- :contentReference[oaicite:2]{index=2} -->

  <!-- 3. JavaScript 生成二维码 -->
  <script>
    // new QRCode(element, options)
    new QRCode(document.getElementById("qrcode"), {
      text: "<div>柳公公，看什么看！！！<div>",        // 要编码的内容 :contentReference[oaicite:3]{index=3}
      width: 160, height: 160,           // 二维码尺寸
      colorDark : "#000000",             // 深色部分
      colorLight : "#ffffff",            // 浅色部分
      correctLevel : QRCode.CorrectLevel.H // 纠错级别：L, M, Q, H
    });
  </script>
</body>
</html>
